<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('新增市政收入报表')"/>
    <th:block th:include="include :: layout-latest-css"/>
    <th:block th:include="include :: ztree-css"/>
    <th:block th:include="include :: datetimepicker-css"/>
</head>
<style>
    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }

    .gray-bg {
        background-color: #FFFFFF;
    }

    form {
        white-space: nowrap;
    }

</style>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content" id="dv">
    <form class="form-horizontal" AUTOCOMPLETE="OFF">
        <h4 class="form-header h4">实际</h4>
        <div class="form-group">
            <div class="col-sm-12" id="actualFinish">
            </div>
        </div>
        <h4 class="form-header h4">计划</h4>
        <div class="form-group">
            <div class="col-sm-12" id="planFinish">
            </div>
        </div>
    </form>
</div>


<th:block th:include="include :: footer"/>
<th:block th:include="include :: datetimepicker-js"/>
<th:block th:include="include :: select2-js"/>

<script th:inline="javascript">

    $(function () {
        var list = [[${incomeDetails}]];
        for (var i = 0; i < list.length; i++) {
            if (list[i].actualIncomeData != "") {
                $("#actualFinish").append("<div class=\"col-sm-6\" style=\"margin-top: 15px;\">\n" +
                    "<label class=\"col-sm-4 control-label\">" + list[i].actualIncomeName + "：</label>\n" +
                    "<div class=\"col-sm-8\">\n" +
                    "<input class=\"form-control\" type=\"text\" value='" + list[i].actualIncomeData + "' readonly>\n" +
                    "</div>\n" +
                    "</div>")
            }
            if (list[i].planIncomeData != "") {
                $("#planFinish").append("<div class=\"col-sm-6\" style=\"margin-top: 15px;\">\n" +
                    "<label class=\"col-sm-4 control-label\">" + list[i].planIncomeName + "：</label>\n" +
                    "<div class=\"col-sm-8\">\n" +
                    "<input class=\"form-control\" type=\"text\" value='" + list[i].planIncomeData + "' readonly>\n" +
                    "</div>\n" +
                    "</div>")
            }

        }
    })


</script>
</body>
</html>